<template>
  <div>
    <h1>我是父组件app.vue</h1>
    <button @click="msg='你好吗？抠你鸡雅思密达可以吗'">修改msg的值</button>
    <p>msg的值是：{{ msg }}</p>
    <p>obj的值是：{{ obj }}</p>

    <!-- 在使用子组件时，就可以给子组件传递 -->
    <!-- 把父组件里的msg传递给子组件里的msg -->
    <!-- 把父组件里的age传递给子组件里的number -->
    <son @changeMsg="fn" :msg="msg" :number="age" :obj="obj"/>
  </div>
</template>

<script>
// 导入组件
import son from './components/son'
export default {
  components: {
    son
  },
  data() {
    return {

      msg: 'hello',
      age: 99,
      obj: {
        name: 'jack',
        age: 16
      }
    };
  },

  methods: {

    fn (val) {

      console.log('子传数据过来了', val)
      this.msg = val
    }
  }
}
</script>

<style>

</style>